<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发表博客页面</title>
    <link rel="stylesheet" type="text/less" href="../less/config/style.less">
    <script src="../lib/less.min.js"></script>
    <script src="../wangEditor.js"></script>
    <link rel="stylesheet" href="../css/wangEditor.css">
    <style>
        .a{
            width: 80px;
            height: 80px;
        }
    </style>
</head>
<body>
<div class="title_input">
    <span>输入标题</span>
    <input type="text"  id="titile_input">
</div>
<div id="editor">
    <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
</div>
<button id="btn1">获取html</button>
<button id="btn2">获取text</button>
<button onclick="editor.txt.html('<p>测试时写入数据</p>')">设置内容</button>
<button id="fabu">发布</button>

</body>
<script src="../jquery-2.2.3.min.js"></script>
<script src="../javascripts/ajaxFun.js"></script>
<script src="js/admin_article.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#editor')
    // 配置服务器端地址
    editor.customConfig.uploadImgServer = 'http://localhost:3000/article/img'
    editor.customConfig.uploadImgMaxSize = 500 * 1024
    editor.customConfig.uploadImgMaxLength = 5
    editor.customConfig.uploadFileName = 'file'
    // 自定义菜单配置
    editor.customConfig.menus = [
        'head',  // 标题
        'bold',  // 粗体
        'fontSize',  // 字号
        'fontName',  // 字体
        'italic',  // 斜体
        'underline',  // 下划线
        'strikeThrough',  // 删除线
        'foreColor',  // 文字颜色
        'backColor',  // 背景颜色
        'link',  // 插入链接
        'list',  // 列表
        'justify',  // 对齐方式
        'quote',  // 引用
        // 'emoticon',  // 表情
        'image',  // 插入图片
        // 'table',  // 表格
        // 'video',  // 插入视频
        'code',  // 插入代码
        'undo',  // 撤销
        'redo'  // 重复
    ]
    editor.create()


</script>
<script !src="">




</script>
</html>